<!doctype html>
<html lang="en">
<head>
	<title>个人中心</title>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection"content="telephone=no, email=no" />
    <link rel="stylesheet" type="text/css" href="css/ui.css"/>
</head>
<body>
	<!--header-->
	<header class="header">
		<!--左边icon-->
    	<div class="header-left">
        	<a class="header-back" href="admin.html" target="_self"></a>
        </div>
        <!--可以使用h1或者其余的tag .header-title-->
      	<h1>我的作品</h1>
    </header>
    
    <!--main-->
    <div id="main-nf">
    	<div class="g-scroll">
            <div class="content-scroller">
                <div class="g-scroll-down" id="pullDown" style="display: none;">
                <span class="pullDownLabel">下拉刷新</span>
                </div>             
            	<div class="p3-my-works">
            		
            		<div class="p3-my-works-item">
            			<div class="p3-my-works-item-header">
            				<img src="img/ak-admin-user.png" alt="" />
            				<div class="p3-my-works-item-des">
            					<a href="">如果你无法简洁的表达你的想法，那只说明你还不够了解它。</a>
            					<strong>-- 阿尔伯特·爱因斯坦</strong>
            					
            					<div class="p3-my-works-item-nav">
            						<a href="" class="icon-edit"></a>
            						<a href="" class="icon-del"></a>
            					</div>
            				</div>
            			</div>
            			<div class="p3-my-works-item-footer clearfix">
            				<span class="pull-left">浏览40</span>
            				<span class="pull-right">2015-01-04 12:10</span>
            			</div>
            		</div>
            		
            		<div class="p3-my-works-item">
            			<div class="p3-my-works-item-header">
            				<img src="img/ak-admin-user.png" alt="" />
            				<div class="p3-my-works-item-des">
            					<a href="">如果你无法简洁的表达你的想法，那只说明你还不够了解它。</a>
            					<strong>-- 阿尔伯特·爱因斯坦</strong>
            					
            					<div class="p3-my-works-item-nav">
            						<a href="" class="icon-edit"></a>
            						<a href="" class="icon-del"></a>
            					</div>
            					
            				</div>
            			</div>
            			<div class="p3-my-works-item-footer clearfix">
            				<span class="pull-left">浏览40</span>
            				<span class="pull-right">2015-01-04 12:10</span>
            			</div>
            		</div>
            		
            		<div class="p3-my-works-item">
            			<div class="p3-my-works-item-header">
            				<img src="img/ak-admin-user.png" alt="" />
            				<div class="p3-my-works-item-des">
            					<a href="">如果你无法简洁的表达你的想法，那只说明你还不够了解它。</a>
            					<strong>-- 阿尔伯特·爱因斯坦</strong>
            					
            					<div class="p3-my-works-item-nav">
            						<a href="" class="icon-edit"></a>
            						<a href="" class="icon-del"></a>
            					</div>
            					
            				</div>
            			</div>
            			<div class="p3-my-works-item-footer clearfix">
            				<span class="pull-left">浏览40</span>
            				<span class="pull-right">2015-01-04 12:10</span>
            			</div>
            		</div>
            		
            		<div class="p3-my-works-item">
            			<div class="p3-my-works-item-header">
            				<img src="img/ak-admin-user.png" alt="" />
            				<div class="p3-my-works-item-des">
            					<a href="">如果你无法简洁的表达你的想法，那只说明你还不够了解它。</a>
            					<strong>-- 阿尔伯特·爱因斯坦</strong>
            					
            					<div class="p3-my-works-item-nav">
            						<a href="" class="icon-edit"></a>
            						<a href="" class="icon-del"></a>
            					</div>
            					
            				</div>
            			</div>
            			<div class="p3-my-works-item-footer clearfix">
            				<span class="pull-left">浏览40</span>
            				<span class="pull-right">2015-01-04 12:10</span>
            			</div>
            		</div>
            		
            		<div class="p3-my-works-item">
            			<div class="p3-my-works-item-header">
            				<img src="img/ak-admin-user.png" alt="" />
            				<div class="p3-my-works-item-des">
            					<a href="">如果你无法简洁的表达你的想法，那只说明你还不够了解它。</a>
            					<strong>-- 阿尔伯特·爱因斯坦</strong>
            					
            					<div class="p3-my-works-item-nav">
            						<a href="" class="icon-edit"></a>
            						<a href="" class="icon-del"></a>
            					</div>
            					
            				</div>
            			</div>
            			<div class="p3-my-works-item-footer clearfix">
            				<span class="pull-left">浏览40</span>
            				<span class="pull-right">2015-01-04 12:10</span>
            			</div>
            		</div>
            		
            	</div>
                <div id="pullUp" class="g-scroll-up">
                    <i class="pullUpIcon"></i>
                    <span class="pullUpLabel">上拉显示更多</span>
                </div>
            </div>
        </div>
    	
    </div>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/SysBase.js"></script>
    <script src="js/libs/iscroll-probe.js"></script>
    <script type="text/javascript">
    /**
     * gscroll(opt)
     * opt.up 上拉刷新执行的方法
     * opt.down 下拉刷新执行的方法
     *
     * 覆盖up 或者down 后 必须执行回调传回的after方法
     * @param  {[type]} after){                     }    } [description]
     * @return {[type]}          [description]
     */
    $('.g-scroll').gscroll({
        up: function(after){
            setTimeout(function(){
                alert('刷新了');
                after();
            })
        }
    });
    </script>
</body>
</html>